<!DOCTYPE html>
<html>
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="stylesheet" type="text/css" href="a.css" />
		<title></title>
		<style>
			#bg{
				width: 75%;
				z-index: -1;
				background-image:url(img/web_login.png) ;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				padding: 0;
				margin: auto;
			}
			#h-title{
				width: 75%; 
				height: 40px; 
				background: mediumorchid; 
				position: relative;
				right: 0;
				bottom: 10px;
				left: 0;
				padding: 0;
				margin: auto;			}
			#log{
				width: 170px; 
				height: 40px; 
				position: relative;
				margin-left:70px ;
				float: left;
				}
			ul{
			    margin-left:200px ;
			}
			a:hover{
				background: #2894FF;
				
			}
			li{
				display: block;
				float: left; 
				font-size: 15px;
				list-style: none; 
				margin-left:30px ; 
				margin-top:10px ;
			}
			#seach{
				position: absolute;
				right: 100px;
				margin: auto;
				bottom: 10px;
			}
			#body-01{
				text-align: center;
			}
			#login-01{
				text-align: center;
				position: relative;
				top: 50px;
			}
			#login-02{
				text-align: center;
				position: relative;
				top: 50px;
			}
			#bt{
				margin: auto;
		        text-align: center;
		        position: relative;
		        top: 75px;
			}
			#login-wetchat{
				margin: auto;
				text-align: center;
				position: relative;
				top: 100px;
			}
			#login-qq{
				margin: auto;
				text-align: center;
				position: relative;
				top: 110px;
			}
			#f-password{
				position: relative;
				top: 115px;
				left: 43%;
			}
			#register{
				position: relative;
				top: 115px;
				left: 43%;
				padding-left:75px ;
			}
		</style>
	</head>
	<body>
		<div id="bg">
			
		</div>
		<div id="h-title">
			<div id="log">
				<img src="img/web_re_03.png"  />
			</div>
			<div id="title">
				<ul>
					<li><a>首页</a></li>
					<li> <a>活动中心</a></li>
					<li> <a>学习库</a></li>
					<li> <a>二手市场</a></li>
					<li> <a>网络电视</a></li>
					<li> <a>资源网</a></li>
				</ul>
			</div>
			<div id="seach">
				<i class="pic"></i>
				<input type="text" class="username" style="width: 170px; height: 20px;">
			</div>
		</div>
		<div id="body-01">
			<img src="img/1.png" style="width: 209px; height: 200px;" />
			</div>
			<div id="login-01">
				<span class="i-login"></span>
				<input type="text" class="e-mail" placeholder="邮箱登录" style="width: 170px; height: 30px;"/>
			</div>
			<div id="login-02">
				<span class="i-login-02"></span>
				<input type="password" class="password-01" placeholder="密码" style="width: 170px; height: 30px;" />
			</div>
			<div id="bt">
				<button class="bt-01" style="cursor: pointer;">
					登录
				</button>
			</div>
			<div id="login-wetchat">
				<button class="wetchat" style="cursor: pointer; color: white;">
					<span class="i-login-03"></span>
					微信登录
				</button>
			</div>
			<div id="login-qq">
				<button class="qq" style="cursor: pointer; color: white;">
					<span class="i-login-04"></span>
					QQ登录
				</button>
			</div>
			<span id="f-password">
				<a style="cursor: pointer; color: white;">
					忘记密码
				</a>
			</span>
			<span id="register">
				<a href="页面2.html" style="cursor: pointer; color: white;">
					点击这里，注册
				</a>
			</span>
	</body>
</html>
